﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="ThanhToanStep3.aspx.cs" Inherits="IMark.ThanhToanStep3" %>
<%@ Register src="UC/SummaryGioHangCtrl.ascx" tagname="SummaryGioHangCtrl" tagprefix="uc1" %>
<%@ Register src="UC/SanPhamHotCtrl.ascx" tagname="SanPhamHotCtrl" tagprefix="uc1" %>
<%@ Register src="UC/SanPhamDacBietCtrl.ascx" tagname="SanPhamDacBietCtrl" tagprefix="uc1" %>
<%@ Register src="UC/DangKyNhanTinCtrl.ascx" tagname="DangKyNhanTinCtrl" tagprefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="row clearfix f-space10"></div>
    <div class="container">
        <div class="row">
        <div class="col-md-12">
            <div class="page-title">
            <h2>Thanh Toán <span>(3 bước)</span></h2>
            </div>
        </div>
        </div>
    </div>
    <div class="row clearfix f-space10"></div>
    <div class="container"> 
      <!-- row -->
      <div class="row">
        <div class="col-md-9 col-sm-12 col-xs-12 main-column box-block">
          <!-- Checkout Options -->
          <div class="box-content checkout-op">
              <div class="panel panel-default">
            <div class="panel-heading closed" id="Step1" data-parent="#checkout-options">
              <h4 class="panel-title"> <a href="#a"> <span class="fa fa-cogs"></span>Đăng Nhập </a><span class="op-number">01</span> </h4>
            </div>
                        </div>
              <div class="panel panel-default">
            <div class="panel-heading closed"  id="Step2" data-parent="#checkout-options" data-target="#op2" data-toggle="collapse">
              <h4 class="panel-title"> <a href="#a"> <span class="fa fa-map-marker"></span> Thông Tin Giao Hàng </a><span class="op-number">02</span> </h4>
            </div>
            
          </div>
            <div class="panel panel-default"> <!-- add class disabled to prevent from clicking -->
                <div class="panel-heading opened"  id="Step3" data-parent="#checkout-options">
                  <h4 class="panel-title"> <a href="#a"> <span class="fa fa-money"></span> Thông Tin Thanh Toán </a><span class="op-number">03</span> </h4>
                </div>
            <div class="panel-collapse collapse in" id="op5">
              <div class="panel-body">
                <div class="row co-row"> 
                  
                  <!-- Payment methods -->
                    <form>
                  <div class="col-md-12 col-xs-12">
                    <div class="box-content form-box">
                      <h4>Chọn phương thức thanh toán.</h4>
                      
                            <label class="radio" for="radio4">
                            <input type="radio" id="radio4" data-toggle="radio"  name="paymentmethod" value="1" checked="checked" class="pull-left">
                            <span class="pull-left color1 provider">Thanh Toán Khi Nhận Hàng</span><br/>
                            <em>Bạn sẽ thanh toán bằng tiền mặt khi nhận hàng tại nhà.</em> </label>
                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                          <label class="radio" for="radio5">
                              <input type="radio" id="radio5" data-toggle="radio"  name="paymentmethod" value="2" class="pull-left">
                            <span class="pull-left color1 provider">Thẻ atm nội địa</span><br/>
                            <em>Thanh toán qua cổng thanh toán momo.</em> </label>
                      
                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <textarea name="comments" id="comments" cols="10" rows="8" class="input4" placeholder="Comments/messsage"></textarea>
                          
                     
                        
                    </div>
                  </div>
                    <div class="col-md-12 col-xs-12">
                        Bạn sẽ nhận được thông tin về đơn hàng qua email và tin nhắn
                    </div>
                    <div class="col-md-12 col-xs-12">
                        <input id="chkDangKyNhanTin" type="checkbox" checked="checked" name="DangKy" style="margin:0 0 1px 0;vertical-align:middle" />
                        <label for="chkDangKyNhanTin">Đăng ký nhận tin từ baymax để biết các khuyến mãi hấp dẫn</label>
                        <button class="btn medium color2 pull-right" type="submit">Đặt Hàng</button>
                    </div>
                        
                     </form>
                  <!-- end: Payment methods --> 
                  
                </div>
              </div>
            </div>
          </div>
    </div>

            </div>
          <div class="col-md-3 col-sm-12 col-xs-12 box-block page-sidebar">
          <uc1:SummaryGioHangCtrl ID="SummaryGioHangCtrl1" runat="server" />
      
          <!-- end: Cart Summary -->
      
          <div class="clearfix f-space30"></div>
          <uc1:SanPhamDacBietCtrl ID="SanPhamDacBietCtrl1" runat="server" />
          <div class="clearfix f-space10"></div>
          <!-- Get Updates Box -->
          <uc1:DangKyNhanTinCtrl ID="DangKyNhanTinCtrl1" runat="server" />
          <!-- end: Get Updates Box --> 
      
        </div>
        </div>
    </div>
</asp:Content>
